<template>
<!-- <Child init/>
<Child :init="false"/>
<Child :init="isFlag"/>  -->
<!-- <Child :init="['吃','喝','玩']" />
<Child :init="hobby" /> -->
 <!-- <Child :init="username" /> -->
<Child :init="{height:'180cm',weight:'70kg'}" />
<Child :height="bodyInfo.height" :weight="bodyInfo.weight"/>
<Child v-bind="bodyInfo" /> 
</template>

<script setup>
import Child from './Child.vue';
import {
    ref
} from 'vue';
// const username = ref('张三');
// const age = ref(12);
// const isFlag = ref(true);
// const hobby = ref(['吃', '喝', '玩']);

const bodyInfo = ref({
    height: '180cm',
    weight: '70kg'
});
</script>
